.header { width: 100%; max-width:1600px; _width:expression((documentElement.clientWidth >1600) ? "auto" : "1280px" ); overflow:hidden; margin: 0 auto; position: relative; }
.ggLoading, .ggLoading2 { background-image: url(../images/nav.png); }
.header { height: 500px; }
.gg { width: 100%; height: 500px; position: relative; z-index: 1; overflow: hidden; margin: 0 auto; background: #d3d3d3 url(../images/loading.jpg) repeat-x; }
.ggLoading { position: absolute; left: 40%; top: 200px; width: 325px; text-align: center; height: 56px; background-position: 0 -274px; background-repeat: no-repeat; line-height: 56px; color: #9c9c9c; }
.ggLoading2 { width: 330px; height: 56px; background-position: 213px -330px; background-repeat: no-repeat; }
.ggLoading em { font-weight: bold; }
.ggs { width: 200%; height: 500px; left: -50%; top: 0; position: absolute; }
.ggBox { width: 1920px; height: 500px; margin: 0 auto; }
.ggBox a { display: block; width: 1920px; height: 500px; position: absolute; z-index: 1; opacity: 0.1; }
.ggBox img { display: block; width: 1920px; height: 500px; }
.ggb { position: absolute; width: 100%; left:0px; bottom: 36px; height: 32px; z-index:4; margin:0 auto;}
.ggBtns { width: 936px; height: 32px; margin: 0 auto;}
.ggBtns a { float: left; display: block; width: 186px; height: 32px; text-align: center; color: #666; font-size: 12px; line-height: 34px; position: relative; top: -10px; outline: none; background-repeat: no-repeat; cursor: pointer; background:url(../images/a1.png); margin-right:1px; overflow:hidden;}
.ggBtns a em { display: block; width: 186px; height: 34px; background:url(../images/a2.png) margin: 0 auto; overflow: hidden; font-style:normal;}
.ggBtns a:hover { color: #fff; background:url(../images/a2.png); overflow:hidden;}
.ggBtns a:focus { outline: none; overflow:hidden;}
.ggBtns a.ggOn { color: #fff; background:url(../images/a2.png); overflow:hidden;}
.ggb, .ggBtns a {  }
a.ggOn { overflow:hidden;}

.index{
	width:1200px; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; margin:0 auto; margin-top:30px; background:url(../images/index_back.gif) repeat-y; overflow:hidden;
}
.about{
	width:316px; float:left;
}
.about_pic{
	width:262px; height:100px; overflow:hidden; padding:18px 27px 10px 27px;
}
.about img{
	width:262px; height:100px; overflow:hidden;	
}
.about p{
	width:262px; margin:0 auto; line-height:25px; overflow:hidden; color:#666; margin-left:29px; padding-bottom:18px;
}
.about p a:link{
	color:#360; text-decoration:none;	
}
.about p a:visited{
	color:#360; text-decoration:none;	
}
.about p a:hover{
	color:#360; text-decoration:none;	
}
.about p a:active{
	color:#360; text-decoration:none;	
}
.right{
	width:884px; float:right;	
}
.product{
	height:172px; border-bottom:1px solid #F0F0F0; position:relative;	
}
.product_title{
	heigth:38px; color:#360; line-height:38px; padding-left:15px; font-size:14px;	
}
.product_title span{
	color:#666; font-size:12px; padding-left:5px;	
}

.leftLoop{
	overflow:hidden; position:relative; width:858px; margin:0 auto; margin-top:6px;
} 
.leftLoop .hd{
	overflow:hidden;
} 
.leftLoop .hd .prev{
	display:block; width:10px; height:17px; overflow:hidden; cursor:pointer; background:url("../images/left_j.gif") #fff no-repeat center center; position:absolute; top:45px; left:0px; z-index:10;
} 
.leftLoop .hd .next{
	display:block; width:10px; height:17px; overflow:hidden; cursor:pointer; background:url("../images/right_j.gif") #fff no-repeat left center; position:absolute; top:45px; right:0px; z-index:20;
} 
.leftLoop .hd ul{
	float:right; overflow:hidden; zoom:1;
} 
.leftLoop .bd{
	width:808px; margin-left:25px;
} 
.leftLoop .bd ul{
	width:808px;
} 
.leftLoop .bd ul li{
	text-align:center; float:left; width:144px; height:108px; margin-right:22px; position:relative;
}
.leftLoop .bd ul li p{
	width:144px; height:25px; line-height:25px; position:absolute; left:0; bottom:0; text-align:center; z-index:50;
}
.leftLoop .bd ul li p a:link{
	color:#fff; text-decoration:none;	
}
.leftLoop .bd ul li p a:visited{
	color:#fff; text-decoration:none;	
}
.leftLoop .bd ul li p a:hover{
	color:#360; text-decoration:none;	
}
.leftLoop .bd ul li p a:active{
	color:#fff; text-decoration:none;	
}
.leftLoop .bd ul li .pic{
	width:144px; height:108px;
}
.leftLoop .bd ul li .pic img{
	width:144px; height:108px;	
}
.leftLoop .bd ul li .title1{
	height:25px; width:144px; position:absolute; left:0; bottom:0; background:#360; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.5; z-index:40;
}
.news{
	position:relative;	
}
.news_con{
	width:844px; margin:0 auto; background:url(../images/news_con_line.gif) ;	
}

.news1{
	width:410px; float:left; overflow:hidden;
}
.news1 dl{
	width:410px; margin-bottom:6px; float:left;
}
.news1 dl dt{
	width:90px; height:57px; float:left;	
}
.news1 dl dd{
	width:310px; float:right;	
}
.news1 dl dd h1{
	font-size:12px; color:#1B68AE; height:20px;	
}
.news1 dl dd p{
	color:#7C7C7C; line-height:20px;	
}



.news2{
	width:410px; float:right; overflow:hidden;
}
.news2 dl{
	width:410px; margin-bottom:6px; float:left;
}
.news2 dl dt{
	width:90px; height:57px; float:left;	
}
.news2 dl dd{
	width:310px; float:right;	
}
.news2 dl dd h1{
	font-size:12px; color:#1B68AE; height:20px;	
}
.news2 dl dd p{
	color:#7C7C7C; line-height:20px;	
}



.newsul{
	width:410px;	
}
.newsul li{
	height:26px; line-height:26px; overflow:hidden;
}
.newsul li .date{
	font-size:12px; color:#999; float:right;	
}
.newsul li a:link{
	text-decoration:none; padding-left:10px; background:url(../images/index_news_dot.gif) no-repeat left center;
}
.newsul li a:visited{
	text-decoration:none; padding-left:10px; background:url(../images/index_news_dot.gif) no-repeat left center;	
}
.newsul li a:hover{
	text-decoration:none; padding-left:10px; background:url(../images/index_news_dot.gif) no-repeat left center;	
}
.newsul li a:active{
	text-decoration:none; padding-left:10px; background:url(../images/index_news_dot.gif) no-repeat left center;	
}









.more{
	width:19px; height:19px; position:absolute; top:0px; right:0px; background:#f0f0f0; text-align:center; line-height:19px; color:#B7B7B7;	
}
.more a:link{
	color:#B7B7B7; display:block; height:19px; width:19px; text-decoration:none;	
}
.more a:visited{
	color:#B7B7B7; display:block; height:19px; width:19px; text-decoration:none;	
}
.more a:hover{
	color:#fff; display:block; height:19px; width:19px; text-decoration:none; background:#360;	
}
.more a:active{
	color:#fff; display:block; height:19px; width:19px; text-decoration:none; background:#360;
}